<!-- 按钮组件 -->
<template>
  <div>
      <button name='button' @click="click">{{buttonText}}</button>
  </div>
</template>

<script>
export default {
  name: "",
  props:{
      buttonText:{
          type:String,
          default:'button'
      }
  },
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  methods: {
      click(){
          console.log('click button');
          this.$emit('buttonClick');
      }
  },
};
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>